<template>
    <v-container fluid fill-height class="statistics-wrapper">
      <v-layout row wrap justify-center>
        <v-flex md4 class="elevation-2 px-5 py-5">
          <v-flex md12>
            <span class="headline">请设置{{username}}的密码</span>
          </v-flex>
          <v-divider></v-divider>
          <v-flex md12>
            <v-text-field type="password" prepend-icon="lock" name="original" label="请输入原密码" single-line v-model="original"></v-text-field>
          </v-flex>
          <v-flex md12>
            <v-text-field type="password" prepend-icon="lock_outline" name="newPswd" label="请输入新密码" single-line v-model="newPswd"></v-text-field>
          </v-flex>
          <v-flex md12>
            <v-text-field type="password" prepend-icon="lock_outline" name="cnfmPswd" label="请确认新密码" single-line v-model="cnfmPswd"></v-text-field>
          </v-flex>
          <v-flex md2 sm2>
            <v-btn round @click="confirmChange" dark color="blue">
              <v-icon>check</v-icon>
              <span class="subheading mx-2">确认</span>
            </v-btn>
          </v-flex>
        </v-flex>
      </v-layout>
    </v-container>
</template>

<script>
import * as auth from '../../api/auth'
export default {
  data: () => ({
    username: "Admin",
    password: "",
    showPwd: false,
    announceText: '',
    original: '',
    newPswd: '',
    cnfmPswd: '',
  }),
  mounted() {
    // 获取到对应的游戏类型
    console.log(this.$route.params)
    this.username = Cookie.get('username')

  },
  methods: {
    confirmChange() {

    }
  }
};
</script>

<style lang="less" scoped>
</style>
